html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#myVideo {
    /*position: absolute;*/
    width: 80vw;
    height: 98vh;
    left: -50vw;
    /*170l*/
    /*width: 500px;*/
    /*height: 300px;*/
}

.box {
    width: 13vw;
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.bottom {
    clear: both;
}

.left .el-tooltip__popper,
.right .el-tooltip__popper {
    padding: 8px 10px;
}

.row-bg {
    padding: 10px 0;
}

.remake {
    float: right;
    padding: 3px 0;
}

.image-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f5f7fa;
    color: #909399;
}

.pic-bottom {
    width: 100%;
    height: 39vh;
}


.blink {
    animation: glow 800ms ease-out infinite alternate;
}

@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(252, 94, 94, .2), inset 0 0 5px rgba(252, 94, 94, .1), 0 1px 0 #d70c19;
    }
    100% {
        border-color: #d70c19;
        box-shadow: 0 0 20px rgba(252, 94, 94, .6), inset 0 0 10px rgba(252, 94, 94, .4), 0 1px 0 #d70c19;
    }
}
